<!-- Person List -->
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="layout" content="app" />
  <link rel="stylesheet" href="${resource(dir:'css/jquery-grid',file:'ui.jqgrid.css')}" />
  <g:javascript library="jquery-grid/i18n/grid.locale-en"/>
  <g:javascript library="jquery-grid/jquery.jqGrid.min"/>
  <g:javascript library="jqGridPersonList"/>
  <script type="text/javascript">
    // Setting variables from the params to be available in the js files.
    var type = "${type}";
    var companyId = "${companyId}";
  </script>
  <title>Person List</title>
</head>
<body>
  <div class="body">
    <h1>Person List</h1>
    <div>
      <input type="text" size="50" id="personSearch" onkeydown="doSearch(arguments[0]||event)" />
      <button onclick="gridReload()" id="submitButton">Search</button>
    </div>
    <g:render template="/common/flashMessage" />

    <!-- table tag for the grid -->
    <div id="peopleListRep">
      <g:render template="/common/view/peopleList"/>
    </div>

    <tdcmw:linkButton action="create" label="Create New Person" />
  </div>
</body>